<%--
  Created by IntelliJ IDEA.
  User: 14365
  Date: 2021/9/30
  Time: 11:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>精彩活动</title>
    <!--导入css文件-->
    <link href="${pageContext.request.contextPath}/css/index.css" rel="stylesheet">
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/image/title-img1.png">
    <style>

        /* 头部导航的 */
        .global-header .login-page-header-nav li {
            float: left;
            margin-left: 30px;
        }
        .global-header .login-page-header-nav li i {
            margin-right: 10px;
            font-size: 28px;
            line-height: 1;
            color: #f6a206;
            vertical-align: middle;
        }
        .global-login-iconfont {
            font-family: "login-iconfont",serif;
            font-style: normal;
            font-weight: normal;
            cursor: default;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            *zoom: 1;
        }
        .global-header .login-page-header-nav li span {
            font-size: 14px;
            line-height: 28px;
            color: #666;
            vertical-align: middle;
        }
    </style>
</head>

<link rel="stylesheet" href="${pageContext.request.contextPath}/css/index-1.css">
<link href="${pageContext.request.contextPath}/css/headermenu.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/wonderful_activity.css" rel="stylesheet">


<body>
<header id="J-global-header" class="global-header">
    <div class="top-inner">
        <div id="sitenav" class="global-header-top-nav fn-clear">
            <div class="global-header-top-nav-right">
                <li class="top-nav-menu top-nav-menu-user-info" data-role="user-info" data-test="test">
                    <div class="top-nav-menu-handle">
                        <div class="login">
                            <%--                            <a href="${pageContext.request.contextPath}/login.jsp" class="J-login-btn" rel="nofollow" target="_self">登录/注册</a></div>--%>
                            <c:if test="${empty ServiceResponse}">
                                <a href="${pageContext.request.contextPath}/customer/login.jsp">登录/注册</a>
                            </c:if>

                            <c:if test="${!empty ServiceResponse}">
                                欢迎${ServiceResponse.data.custTelno}
                                <a href="${pageContext.request.contextPath}/logout">退出</a>
                            </c:if>
                        </div>
                    </div>
                </li>

                <li class="top-nav-menu top-nav-multi-menu top-nav-dl-app">
                    <div class="top-nav-menu-handle">
                        <i class="global-header-icon top-nav-dl-app-icon"></i>手机版
                    </div>
                    <div class="top-nav-menu-body top-nav-menu-qrcode">
                        <div class="top-nav-menu-bd-panel">
                            <div class="qrcode-img"></div>
                            <p>下载APP 领99元租车红包

                            </p>
                        </div>
                    </div>
                </li>

                <li class="top-nav-pipe">|</li>

                <li class="top-nav-menu top-nav-multi-menu top-nav-wx-guide">
                    <div class="top-nav-menu-handle"><i class="global-header-icon top-nav-wx-guide-icon"></i>微信</div>
                    <div class="top-nav-menu-body top-nav-menu-qrcode">
                        <div class="top-nav-menu-bd-panel">
                            <div class="qrcode-img"></div>
                            <p>扫一扫，关注微信</p>
                        </div>
                    </div>
                </li>
                <li class="top-nav-menu top-nav-multi-menu top-nav-order-lookup">
                    <div class="top-nav-menu-handle">订单查询<i class="top-nav-arrow"><em></em><span></span></i></div>
                    <div class="top-nav-menu-body top-nav-menu-list">
                        <div class="top-nav-menu-bd-panel">
                            <a href="${pageContext.request.contextPath}/center/myorder.jsp">订单查询</a>
                        </div>
                    </div>
                </li>
                <li class="top-nav-menu top-nav-multi-menu top-nav-order-lookup">
                    <div class="top-nav-menu-handle">个人中心<i class="top-nav-arrow"><em></em><span></span></i></div>
                    <div class="top-nav-menu-body top-nav-menu-list">
                        <div class="top-nav-menu-bd-panel">
                            <a href="${pageContext.request.contextPath}/center/user.jsp">进入个人中心</a>
                        </div>
                    </div>
                </li>
                <li class="top-nav-pipe">|</li>

            </div>

            <div class="global-header-top-nav-left">
                <div class="top-nav-menu top-nav-multi-menu top-nav-contact">
                    <div class="top-nav-menu-handle">
                        24小时客服！内地热线：110-120
                        <i class="top-nav-arrow"><em></em><span></span></i>
                    </div>
                    <div class="top-nav-menu-body top-nav-menu-list">
                        <div class="top-nav-menu-bd-panel">
                            <ul>
                                <li>
                                    <span class="title">中国内地热线</span>
                                    <a href="tel:10101020" target="_self" class="tel-number">110-120</a>
                                </li>
                            </ul>
                            <div class="top-nav-menu-bd-code">
                                <div class="qrcode-img"></div>
                                <p class="title">关注微信公众号</p>
                                <p class="text">可查询/修改/取消订单</p>
                                <a class="J-show-robot" href="javascript:" target="_self"
                                   data-tj="/公用头部/在线客服">24小时在线客服</a>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="toolbar fn-clear">
        <div id="slog" class="logo fn-left">
            <a class="sbx-logo" title="思必行-租车" target="_self" href="">

            </a>
        </div>
        <div class="toolbar-site-header-nav">
            <ul class="login-page-header-nav fn-clear">
                <li><i class="global-login-iconfont">&#xe909;</i><span>有驾照就能租</span></li>
                <li><i class="global-login-iconfont">&#xe906;</i><span>地图导航</span></li>
                <li><i class="global-login-iconfont">&#xe908;</i><span>24小时服务在线</span></li>
            </ul>
        </div>

    </div>
</header>

<!--导航-->
<div class="nav">
    <ul class="nav-wrap clear_float" id="J_NavBox">
        <li>
            <a href="" target="_blank">首页</a>
            <span></span>
        </li>
        <li >
            <a href="../selfrental/person_rentalcar.jsp" target="_blank">自驾租车</a>
            <span></span>
        </li>
        <li class>
            <a href="../car/car.jsp" target="_blank">车型查询</a>
            <span></span>
        </li>
        <li>
            <a href="../memberrent/members.jsp" target="_blank">会员租车</a>
            <span></span>
        </li>
        <li>
            <a href="../store/store.jsp" target="_blank">营业网点</a>
            <span></span>
        </li>
        <li class="menu-index menu-index-on">
            <a href="../memberrent/wonderful_activity.jsp" target="_blank">精彩活动</a>
            <span></span>
        </li>
    </ul>
</div>
<!--posts-->
<div id="posts">
    <!--活动列表-->
    <div class="listBox">
        <div class="title">
            当前位置:
            <a href="">首页</a>
            >
            <span>优惠活动</span>
        </div>
        <!--body-->
        <div class="body">
            <ul class="nav1">
                <li class="active">
                    <a href="">精彩活动</a>
                </li>
                <li>
                    <a href="">新闻资讯</a>
                </li>
                <li>
                    <a href="">租车攻略</a>
                </li>
                <li>
                    <a href="">媒体报道</a>
                </li>
            </ul>

            <!--活动列表-->
            <div class="list">
                <h3>
                    <span>精彩活动</span>
                </h3>
                <div class="newsbody">
                    <a href="">
                        <img src="${pageContext.request.contextPath}/image/hd-img1.png">
                    </a>
                    <div class="box5">
                        <a href="" class="title1">国庆提前订 租车立减300元 再赠3天免费用车</a>
                        <div class="time">2021-09-03 16:03</div>
                        <div class="description">1天减20   5天减150   8天减280   </div>
                        <a href="" class="more">了解更多</a>
                    </div>

                </div>
                <div class="newsbody">
                    <a href="">
                        <img src="${pageContext.request.contextPath}/image/hd-img2.png">
                    </a>
                    <div class="box5">
                        <a href="" class="title1">周租长租有好礼</a>
                        <div class="time">2021-08-18 09:59</div>
                        <div class="description">领券立减1000元</div>
                        <a href="" class="more">了解更多</a>
                    </div>

                </div>
                <div class="newsbody">
                    <a href="">
                        <img src="${pageContext.request.contextPath}/image/hd-img3.png">
                    </a>
                    <div class="box5">
                        <a href="" class="title1">盛夏自驾 酷爽一夏</a>
                        <div class="time">2021-06-17 11:16</div>
                        <div class="description">满500减60元  满1000减120元  满2000减240元</div>
                        <a href="" class="more">了解更多</a>
                    </div>

                </div>
                <div class="newsbody">
                    <a href="">
                        <img src="${pageContext.request.contextPath}/image/hd-img4.jpg">
                    </a>
                    <div class="box5">
                        <a href="" class="title1">新用户福利升级</a>
                        <div class="time">2021-02-23 10:21</div>
                        <div class="description">首租立减100元！</div>
                        <a href="" class="more">了解更多</a>
                    </div>

                </div>
                <div class="newsbody">
                    <a href="">
                        <img src="${pageContext.request.contextPath}/image/hd-img5.png">
                    </a>
                    <div class="box5">
                        <a href="" class="title1">春暖花开 自驾正当时</a>
                        <div class="time">2021-02-20 11:16</div>
                        <div class="description">租2天减80元 租4天减160元 租7天减280元</div>
                        <a href="" class="more">了解更多</a>
                    </div>

                </div>
                <div class="newsbody">
                    <a href="">
                        <img src="${pageContext.request.contextPath}/image/hd-img6.jpg">
                    </a>
                    <div class="box5">
                        <a href="" class="title1">秋日宜自驾</a>
                        <div class="time">2020-10-23 10:31</div>
                        <div class="description">租2天立减50元  租4天立减120元  租7天立减210元 </div>
                        <a href="" class="more">了解更多</a>
                    </div>

                </div>
                <div class="newsbody">
                    <a href="">
                        <img src="${pageContext.request.contextPath}/image/hd-img7.jpg">
                    </a>
                    <div class="box5">
                        <a href="" class="title1">常租车 选长租</a>
                        <div class="time">2020-04-30 14:05</div>
                        <div class="description">长租直降千元，1780元/月起</div>
                        <a href="" class="more">了解更多</a>
                    </div>

                </div>
                <div class="newsbody">
                    <a href="">
                        <img src="${pageContext.request.contextPath}/image/hd-img8.jpg">
                    </a>
                    <div class="box5">
                        <a href="" class="title1">包周租车 最高立减300元</a>
                        <div class="time">2020-03-10 17:11</div>
                        <div class="description">租6免3</div>
                        <a href="" class="more">了解更多</a>
                    </div>

                </div>


                <div class="toPage">
                    <div class="newsList_page">
                        <div id="pagination"><a onclick="Pagination.Prev()">&lt;</a>
                            <span>
                                    <a class="current">1</a>
                                    <a href="">2</a>
                                    <a href="">3</a>
                                    <a href="">4</a>
                                    <a href="">5</a>
                                    <a href="">6</a>
                                </span>
                            <a onclick="Pagination.Next()">&gt;</a>
                        </div>
                    </div>
                </div>

            </div>

        </div>




    </div>

</div>
<!--页脚-->
<div class="footer">
    <div class="w1180">
        <div class="website-advantage">
            <ul class="wadvantage-list">
                <li>
                    <span class="city"></span>
                    <p>450多座城市</p>
                </li>
                <li>
                    <span class="dunpai"></span>
                    <p>7000多服务网点</p>
                </li>
                <li>
                    <span class="car"></span>
                    <p>200余种车型</p>
                </li>
                <li>
                    <span class="sun"></span>
                    <p>24小时服务</p>
                </li>
            </ul>
        </div>
    </div>
</div>

</body>
</html>
